<template>
    <div class="index">
        <span class="a">lovo商城后台系统欢迎您!  {{userName}}</span>
    </div>
</template>

<script>
    export default {
        name: "IndexView",
        data(){
            return{
                userName:'',
            }
        },
        mounted() {
            this.init()
        },
        methods:{
            init(){
                this.userName = this.$store.state.userName
            }
        }
    }
</script>

<style scoped>
 .index{
     width: 1220px;
     height: 500px;
     background-image: url("index3.webp");
     display: flex;
     justify-content: center;
     align-items: center;
 }
    .a{
        font-size: 48px;
    }
</style>